function checked(id)
{
	
    var list1 = document.getElementById("sub-"+id);
	list1.className="sub-click";
	
	
	for(var i=1;i<=12;i++)
	{
		  if(i!=id)
		  {
			 var list11 = document.getElementById("sub-"+i);	
			 list11.className="sub";
	       
		  }
	}
}

function hovered(id)
{
	
    var list1 = document.getElementById("sub-"+id);  	

	
	if(list1.className=="sub-click")
	{
		list1.className="sub-click";
		}
	else
	{
			list1.className="sub-hover";
		}

}

function out(id)
{
	
    var list1 = document.getElementById("sub-"+id);  	

	
	if(list1.className=="sub-click")
	{
		list1.className="sub-click";
		}
	else
	{
			list1.className="sub";
		}

}